import { login, logout, getInfo } from "@/api/user";
import { getToken, setToken, removeToken } from "@/utils/auth";
import { resetRouter } from "@/router";

const getDefaultState = () => {
  return {
    token: getToken(),
    name: "",
    avatar: "",
  };
};

const state = getDefaultState();

const mutations = {
  RESET_STATE: (state) => {
    Object.assign(state, getDefaultState());
  },
  SET_TOKEN: (state, token) => {
    state.token = token;
  },
  SET_NAME: (state, name) => {
    state.name = name;
  },
  SET_AVATAR: (state, avatar) => {
    state.avatar = avatar;
  },
};

const actions = {
  // user login
  // login({ commit }, userInfo) {
  //   const { username, password } = userInfo;
  //   return new Promise((resolve, reject) => {
  //     login({ username: username.trim(), password: password })
  //       .then((response) => {
  //         const { data } = response;
  //         commit("SET_TOKEN", data.token);
  //         setToken(data.token);
  //         resolve();
  //       })
  //       .catch((error) => {
  //         reject(error);
  //       });
  //   });
  // },
  login({ commit }, userInfo) {
    const { username, password } = userInfo;
    const staticData = {
      token: "static-token-example",
    };

    return new Promise((resolve, reject) => {
      // 使用静态数据代替接口
      const data = staticData; // 这里直接使用静态数据

      if (username && password) {
        // 模拟验证
        commit("SET_TOKEN", data.token);
        setToken(data.token);
        resolve();
      } else {
        reject("用户名或密码错误");
      }
    });
  },

  // get user info
  getInfo({ commit }) {
    return new Promise((resolve) => {
      // 使用静态数据
      const data = {
        name: "admin", // 替换为实际的静态名称
        avatar:
          "https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif", // 替换为实际的静态头像链接
      };

      if (!data) {
        return reject("Verification failed, please Login again.");
      }

      const { name, avatar } = data;

      commit("SET_NAME", name);
      commit("SET_AVATAR", avatar);
      resolve(data);
    });
  },

  // user logout
  // user logout
  logout({ commit }) {
    return new Promise((resolve) => {
      removeToken(); // 移除 token
      resetRouter(); // 重置路由
      commit("RESET_STATE"); // 重置状态
      resolve(); // 结束 Promise
    });
  },

  // remove token
  resetToken({ commit }) {
    return new Promise((resolve) => {
      removeToken(); // must remove  token  first
      commit("RESET_STATE");
      resolve();
    });
  },
};

export default {
  namespaced: true,
  state,
  mutations,
  actions,
};
